@use "@/assets/styles/mixin";

.follow-up-records{
  width: 521px;
  .title{
    margin-bottom: 8px;
    font-size: 14px;
    color: #4E5969;
    line-height: 22px;
  }
  &__items{
    padding: 12px 12px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #D7D8E0;
    .radio-item{
      margin-bottom: 20px;
    }
    .date-change{
      @include mixin.flex-align;
      padding: 0 0 12px;
      :deep(.el-select){
        width: 175px;
        margin-right: 10px;
      }
      :deep(.el-date-editor){
        flex:1
      }

      // 选中背景
      :deep(.el-date-table td.current:not(.disabled) .el-date-table-cell__text),
      :deep(.el-date-table td.start-date .el-date-table-cell__text),
      :deep(.el-date-table td.end-date .el-date-table-cell__text) {
        color: #fff;
        border-radius: 0;
        background-color: #007DFF;
      }

      //范围选中背景
      :deep(.el-date-table td.in-range .el-date-table-cell){
        background-color: #E1EDFE;
      }
      // 范围选中start end日期 border
      :deep(.el-date-table td.start-date .el-date-table-cell){
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
      }

      :deep(.el-date-table td.end-date .el-date-table-cell){
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }

      :deep(.el-date-table td .el-date-table-cell){
        height: 24px;
        padding: 0;
      }

    }
  }

  &__buttons{
    @include mixin.flex-align;
    padding:5px 12px;
    :deep(.el-button){
      width: 246px;
      height: 28px;
    }
    .buttons-cancel{
      border: 0;
    }
    .buttons-confirm{
      margin-left: 0;
    }
  }
}

:deep(.el-input){
  width: 100%;
}
:deep(.el-input__wrapper),
:deep(.el-select__wrapper){
  box-shadow: none;
  background-color: #f2f3f5 !important;
}
